 <template>
 <div class="wh100">
  <div class="login-login">
  <center><h2>找回密码</h2></center>
  <center style="margin-bottom:20px"> <a-space><h4>请输入已有的账号或邮箱地址</h4>  </a-space></center>
   <a-form :model="formState" @finish="onFinish" @finishFailed="onFinishFailed">
    <a-form-item label="" name="username">
      <a-input v-model:value="formState.username" placeholder="账号或邮箱地址">
     
      </a-input>
    </a-form-item>
    
    <a-form-item>
      <a-button type="primary" @click="handlePage" html-type="submit" class="bac" style="width:100%">下一步</a-button>
    </a-form-item>
  </a-form>
  </div>
  </div>
</template>
 
<script setup>
import { reactive } from 'vue';
import { UserOutlined, LockOutlined, MessageOutlined } from '@ant-design/icons-vue';
 	import { useRouter } from 'vue-router';

	const router = useRouter();
    const handlePage=()=>{
    console.log('99999')
		router.push('/Regester');

  }
const formState = reactive({
  username: '',
  password: '',
  confirmPassword: '',
  captcha: '',
  remember: false,
});
 
const onFinish = (values) => {
  console.log('Received values of form: ', values);
};
 
const onFinishFailed = (errorInfo) => {
  console.log('Failed:', errorInfo);
};
</script>
 
<style scoped>
.wh100{
  width:100vw;
  height:100vh;
    background: rgba(247, 247, 247, 1);
     display: flex;
    flex-direction: column;
    justify-content: center;
}
.tss{
  color: rgba(0, 174, 198, 1)
}
 .login-login{
  width:600px; 
  margin:0 auto;
  background:#fff;
  padding:20px;
  
 }
 .bac{
 background: rgba(0, 174, 198, 1);
}
</style>